<template>
	<div class="demo">
		<h2>学校名称：{{schoolName}}</h2>
		<h2>学校地址：{{address}}</h2>
		<button @click="showName">提示学校名称</button>
	</div>
</template>

<script>
	//组件交互相关的代码（数据、方法等等)
	export default {
		name: 'School',
		data() {
			return {
				schoolName: "白云学校",
				address: "广州江高"
			};
		},
		methods: {
			showName() {
				alert(this.schoolName);
			}
		}
	}
</script>

<style>
	/* 组件的样式 */
	.demo {
		background-color: rgba(36, 232, 249, 0.5);
	}
</style>
